
const { resolve } = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    entry: "./index.js",
    output: {
        path: resolve(__dirname, "build"),
        filename: "build.js"
    },
    module: {
        rules: [
            {

            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: "./index.html"
        })
    ],
    mode: "development",

    // 开发服务器 devserver: 用来自动化(自动编译，自动打开浏览器，自动刷新浏览器等)
    // 只会在内存中编译打包，不会有任何的输出
    // 启动指令为:webpack-dev-server （本地安装的时候 其不是全局指令 因此需要使用npx webpack-dev-server来启动）
    devServer: {
        // 运行项目的目录
        contentBase: resolve(__dirname, "build"),
        // 启动GZIP压缩
        compress: true,
        // 启动服务器的端口号
        port: 1000,
        // 自动打开默认浏览器
        open: 'Chrome'

    }
}